﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>表单页面</title>
    <script src="/script/jquery.min.js"></script>
    <script src="/script/zui/js/zui.min.js"></script>
    <link href="/script/zui/css/zui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/script/zui/css/zui-theme.css">
    <link rel="stylesheet" href="/style/font/css/fontawesome.min.css">
    <link rel="stylesheet" href="/style/global.css">

    <script src="/script/date/moment.js"></script>
    <script src="/script/art/template-web.js"></script>
    <script src="/script/art/template-web-ex.js"></script>
    <script src="/script/lib.js"></script>
</head>

<body>
    <div id="app" class="page-body">

    </div>
</body>

</html>

<script type="text/html" id="tp_app">
    <div class="form-horizontal">
        <div class="form-group">
            <label for="exampleInputAccount4" class="col-sm-2">账号</label>
            <div class="col-md-6 col-sm-10">
                <input type="text" class="form-control" id="exampleInputAccount4" placeholder="电子邮件/手机号/用户名">
            </div>
        </div>
        <div class="form-group">
            <label for="exampleInputPassword4" class="col-sm-2">密码</label>
            <div class="col-md-6 col-sm-10">
                <input type="password" class="form-control" id="exampleInputPassword4" placeholder="密码">
            </div>
        </div>

        <div class="form-group">
            <label for="exampleInputPassword4" class="col-sm-2">密码</label>
            <div class="col-md-6 col-sm-10">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="用户名">
                    <span class="input-group-addon"><i class="icon icon-heart"></i></span>
                </div>
            </div>
        </div>

        <div class="form-group">
            <label for="exampleInputAddress1" class="col-sm-2">地址</label>
            <div class="col-md-6 col-sm-10">
                <select class="form-control" id="exampleInputAddress1">
              <option>北京</option>
              <option>上海</option>
            </select>
            </div>
        </div>
        <div class="form-group">
            <label for="exampleInputAddress1" class="col-sm-2">地址</label>
            <div class="col-md-6 col-sm-10">
                <div class="checkbox-primary"><input type="checkbox" id="primaryCheckbox1"><label for="primaryCheckbox1">未选中</label></div>
                <div class="checkbox-primary"><input type="checkbox" checked="checked" id="primaryCheckbox2"><label for="primaryCheckbox2">选中</label></div>
                <div class="checkbox-primary"><input type="checkbox" checked="checked" disabled="disabled" id="primaryCheckbox3"><label for="primaryCheckbox3">禁用</label></div>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default">登录</button>
            </div>
        </div>
    </div>
</script>
<script>
    $(function() {
        $("#app").showHtml({});
    })
</script>